import React,{ Component,Fragment } from "react"
import { Link } from 'react-router-dom'

class Tab extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        console.log(this.props.list)
        return ( <Fragment>
            <ul className="tab-box">
                {
                    this.props.list.map((item,index)=>{
                        return (<li key={item+index}> <Link to={ item.path }>{ item.name }</Link></li>);
                    })
                }
            </ul>
        </Fragment> );
    }
}
 

export default Tab;